<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>框模型</title>
	<style>
		#box{
			width: 100px;
/*			能放多少内容的高度*/
			height: 100px;
			padding: 100px 100px ;
/*			上      右    下  左   */
/*			上     左右   下     */
/*			上下   左右          */
			margin: 80px auto;
/*			auto盒子居中        */
			border: 2px dashed #039;		
		}
		#kuang{
			width: 100px;
			height: 100px;
			padding-top: 100px;
			margin-top: 100px;
/*			margin可以叠加，叠加时，margin取大值*/
			border: 2px dotted #039;
		}
	</style>
</head>

<body>
	<div id="box">盒模型</div>
	<div id="kuang">框模型</div>
</body>
</html>
